<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>24201014410_李子豪</title>
    <link rel="stylesheet" href="../css/Login.css">
    <link rel="stylesheet" href="../css/common.css">


    <script src="../font/iconfont.js"></script>


</head>
<body>
    <div class="container">
        <!-- 左侧超大图片 -->
        <div class="left-section">
            <img src="../img/dengluzuotu.png" alt="大图">
        </div>

        <!-- 右侧登录区域 -->
        <div class="right-section">
            <div class="header">
                <a href="../html/index.html"><img src="../img/xxwlogo.png" alt="Logo" class="logo"></a>
                <div class="menu">
                    <a href="../html/index.html">首页</a>
                    <a href="#">帮助中心</a>
                    <a href="#">学信机器人</a>
                    <a href="#">联系我们</a>
                </div>
            </div>

            <div class="divider"></div>

            <div class="login-box">
                <h1>登录</h1>
                <p class="login-description">请使用 学信网账号 进行登录</p>
                
                <div class="dlutubiao">
                <label for="account">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhanghao"></use>
                      </svg>
                    </label>
                <input type="text" id="account" placeholder="请输入手机号/邮箱" class="mldlu" required>
                </div>

                <div class="dlutubiao">
                <label for="password">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mima"></use>
                      </svg>
                    </label>
                <input type="password" id="password" placeholder="请输入密码" class="mldlu" required>
                </div>
                
                
                <a href="../html/Login.html"><button class="login-btn">登录</button></a>

                <div class="footer-links">
                    <a href="#">找回密码</a>
                    <a href="../html/zhuce.html">注册</a>
                </div>

                <div class="other-login">
                    <p>其他登录方式</p>
                    <img src="../img/wechat-logo.png" alt="微信" class="login-logo">
                    <img src="../img/alipay-logo.png" alt="支付宝" class="login-logo">
                </div>
            </div>

            <div class="copyright">
                <p>Copyright © 2003-2024 学信网 All Rights Reserved</p>
            </div>
        </div>
    </div>
</body>
</html>